<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>档案管理</title>
		<link rel="stylesheet" type="text/css" href="../css/home.css" />
		<link rel="stylesheet" type="text/css" href="../css/fontawesome/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="../css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/jquery-weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css.page/statistics/statisticsFile.css" />
		<link rel="stylesheet" type="text/css" href="../css/loading.css" />
	</head>

	<body ontouchstart>
		<div class="statistics-file-title hidden">
			<div class="fa fa-angle-left" @click="back"></div>
			<div class="tab">
				<div class="needsclick" @click="chaXun">查询</div>
				<div class="needsclick" @click="jieShou">接收</div>
				<div class="needsclick" @click="ruKu">入库</div>
				<div class="needsclick" @click="guancang">馆藏</div>
			</div>
		</div>
		<div class="statistics-file-body">
			<div class="loader">
				<div class="dot"></div>
				<div class="dot"></div>
				<div class="dot"></div>
				<div class="dot"></div>
				<div class="dot"></div>
			</div>
			<div class="statistics-file-list hidden">
				<div class="statistics-file-item" v-for="item in fileData" v-if="indexNum==1">
					<div class="row1">
						<div class="title" v-html="item.CUNIT"></div>
					</div>
					<div class="row2">
						<div class="fa fa-file-text" style="color: #39ad2a;"></div>
						<div style="margin-left: 5px; color: #666666; font-size: 13px;">{{item.ARCHCODE}}：{{item.SHU}}卷</div>
					</div>
					<div class="row2">
						<div class="fa fa-calendar" style="margin-right: 5px; color: #00A0E9;"></div>
						<div>录入时间：{{item.LRDATE}}</div>
					</div>
				</div>
				<!--查询tab页-->

				<div id="jieshou" class="statistics-file-save" v-if="indexNum==2&&allGuanCang.length!=0">
					<ul class="firstType">
						<li v-for="(index,item) in fileData">
							<div class="firstTitle" v-on:click="firstClick($event,$index)">
								<div v-html="item.Name"></div>
								<div class="total">
									<div>当前：{{item.Value}}卷</div>
								</div>
							</div>
							<ul class="secondType" v-if="item.Children.length!=0">
								<li v-for="($second,second) in item.Children">
									<div class="secondTitle" v-on:click="secondClick($event,$index)">
										<div v-html="second.Name"></div>
										<div class="total">
											<div>当前：{{second.Value}}卷</div>
										</div>
									</div>
									<ul class="thirdType" v-if="second.Children.length!=0">
										<li v-for="($third,third) in second.Children">
											<div v-html="third.Name"></div>
											<div class="total">
												<div>当前：{{third.Value}}卷</div>
											</div>
										</li>
									</ul>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				<!--接收tab页-->

				<div id="ruku" class="statistics-file-save" v-if="indexNum==3&&allGuanCang.length!=0">
					<ul class="firstType">
						<li v-for="(index,item) in fileData">
							<div class="firstTitle" v-on:click="firstClick($event,$index)">
								<div v-html="item.Name"></div>
								<div class="total">
									<div>当前：{{item.Value}}卷</div>
								</div>
							</div>
							<ul class="secondType" v-if="item.Children.length!=0">
								<li v-for="($second,second) in item.Children">
									<div class="secondTitle" v-on:click="secondClick($event,$index)">
										<div v-html="second.Name"></div>
										<div class="total">
											<div>当前：{{second.Value}}卷</div>
										</div>
									</div>
									<ul class="thirdType" v-if="second.Children.length!=0">
										<li v-for="($third,third) in second.Children">
											<div v-html="third.Name"></div>
											<div class="total">
												<div>当前：{{third.Value}}卷</div>
											</div>
										</li>
									</ul>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				<!--入库tab页-->

				<div id="guancang" class="statistics-file-save" v-if="indexNum==4&&allGuanCang.length!=0">
					<ul class="firstType">
						<li v-for="(index,item) in fileData">
							<div class="firstTitle" v-on:click="firstClick($event,$index)">
								<div v-html="item.Name"></div>
								<div class="total">
									<div>当前：{{item.Value}}卷</div>
									<div class="sum">
										<div>总数：</div>
										<div>{{allGuanCang[index].Value}}卷</div>
									</div>
								</div>
							</div>
							<ul class="secondType" v-if="item.Children.length!=0">
								<li v-for="($second,second) in item.Children">
									<div class="secondTitle" v-on:click="secondClick($event,$index)">
										<div v-html="second.Name"></div>
										<div class="total">
											<div>当前：{{second.Value}}卷</div>
											<div class="sum">
												<div>总数：</div>
												<div>{{allGuanCang[index].Children[$second].Value}}卷</div>
											</div>
										</div>
									</div>
									<ul class="thirdType" v-if="second.Children.length!=0">
										<li v-for="($third,third) in second.Children">
											<div v-html="third.Name"></div>
											<div class="total">
												<div>当前：{{third.Value}}卷</div>
												<div class="sum">
													<div>总数：</div>
													<div>{{allGuanCang[index].Children[$second].Children[$third].Value}}卷</div>
												</div>
											</div>
										</li>
									</ul>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				<!--馆藏tab页-->
				<div class="noData" v-if="fileData.length==0">暂无此类数据</div>
				<div class="statistics-file-noMore" v-if="noMore">没有更多数据了</div>
				<div class="weui-loadmore" v-if="loadMore">
					<i class="weui-loading"></i>
					<span class="weui-loadmore__tips">正在加载</span>
				</div>
			</div>
		</div>

		<div class="statistics-file-cart hidden">
			<div class="title">档案管理数据统计图</div>
			<div id="searchChart"></div>
			<!--内部存放chart-->
		</div>
		<div class="statistics-file-tabbar">
			<div class="needsclick active">数据详情</div>
			<div class="needsclick">数据图</div>
		</div>
	</body>

	<script src="../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<!--引入图表插件-->
	<script src="../js/hightcharts/highcharts.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/hightcharts/data.js" type="text/javascript" charset="utf-8"></script>

	<script src="../js/fastclick.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js.page/statistics/statisticsFile.js" type="text/javascript" charset="utf-8"></script>

</html>